.h5-wrapper-demand {
  overflow-y: scroll;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wrapper-demand-need{
  background-color: #ffffff;
}
.form-geetest-modal{
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.2);
  display: none;
  z-index: 99999;
  .captcha {
    width: 259px;
    height: 44px;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    margin-top: 280px;
    margin-left: calc(50% - 150px);
    text-align: center;
  }
}
.alert-bgm {
  height: 100%;
  width: 100%;
  z-index: 999;
  position: absolute;
  background:rgba(0, 0, 0, 0.5);
  .alert-bgm-first{
    margin-left: 1rem;
    margin-right: 1rem;
    top:20%;
    position: relative;
    background:#fff;
    div{
      clear: both;
    }
    &>div:first-child{
      float: right;
      padding: .24rem;
    }
    &>div:nth-child(2){
      text-align: center;
      height: 1rem;
      font-size: 0.55rem;
      line-height: 1rem;
      font-family: PingFangSC;
      color: #111111;
    }
    &>div:nth-child(3){
      text-align: center;
      height: 1rem;
      font-size: .45rem;
      color: #888888;
      line-height: 1rem;
    }
    &>div:nth-child(4){
      height: 1.75rem;
      font-size: .45rem;
      color: #000;
      line-height: 1.75rem;
      text-align: center;
      button{
        width: 2.5rem;
        height: 1rem;
        white-space: nowrap;
        border: 1px solid #000;
      }
    }
  }
}
.modal-bgm {
  z-index: 999;
  position: fixed;
  width: 100%;
  height: 100%;
  background:rgba(0, 0, 0, 0.5);
  p{
    width: 100%;
    text-align: center;
    height: 1.25rem;
    line-height: 1.25rem;
    display: block;
    position: absolute;
    background:#fff;
    font-size: .4rem;
  }
  .delete-p{
    bottom:3rem;
  }
  .reply-p{
    bottom:1.5rem;
  }
  p:last-child{
    bottom:0;
  }
}
//.h5-content{
//  padding: 0.28rem;
//  box-sizing:border-box;
//}
.clear{
  clear: both;
}
.h5-head{
  //width: 100%;
  padding: 0 0.28rem;
  //height: 1.3rem;
  //background: #e0e0e0;
  background: white;
  //text-align: center;
  position: relative;
  div:first-child{
    img:first-child{
      border-radius: 50%;
      float: left;
      transform: rotate(90deg);
      margin-top: .44rem;
      //width:.29rem;
      //height:.42rem;
    }
    div:nth-child(2){
      float: left;
      height: 1.3rem;
      margin-left: .15rem;
      font-size: .45rem;
      color: #000;
      line-height: 1.3rem;
    }
  }
  img:nth-child(2){
    border-radius: 50%;
    float: right;
    width:.8rem;
    height:.8rem;
    margin-top: .27rem;
    margin-right: .25rem;
  }
  .img-need{
    position: relative;
    float: right;
    margin-right: 0.4rem;
    .img-type{
      width: 0.4rem;
      height: .4rem;
      object-fit: contain;
      border-radius: .1rem;
      position: absolute;
      z-index: 10;
      bottom: -0.1rem;
      right: -0.4rem;
    }
    .img-head{
      width: 0.8rem;
      height: 0.8rem;
      object-fit: cover;
      border-radius: 0.4rem;
      margin-top: 0.2rem;
    }
  }
}
.Ann-content{
  margin:0 auto;
  background: white;
  border-top: 0.4rem solid #f5f5f5;
  padding-left:0.48rem;
  padding-right:0.48rem;
  padding-bottom: 0.3rem;
  li{
    padding-top:0.1rem;
    height:1rem;
    line-height:1rem;
  }
  li:first-child{
    .c-l{
      font-size: .48rem;
      color:#111111;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }
  }
  li:nth-child(2){
    color: #afafaf;
    &>div:first-child{
      float: left;
    }
    .c-r{
      float: right;
      font-size: .48rem;
      color: #e8381d;
      font-weight: 600;
    }
  }
  li:nth-child(3){
    font-size: .37rem;
    color: #afafaf;
    &>div:first-child{
      float: left;
    }
    &>div:nth-child(2){
      float: right;
      text-align: center;
      font-size: .32rem;
    }

  }
  li:nth-child(4){
    &>img{
      border-radius: 50%;
      width:.6rem;
      height: .6rem;
      float: left;
      margin-top: .2rem;
    }
    &>span{
      width: 55%;
      float: left;
      font-size: .37rem;
      color: #888888;
      margin-left: .15rem;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }
    &>div:nth-child(3){
      float: right;
      width: 2.1rem;
      text-align: center;
      font-size:.4rem ;
      color: #111111;
    }
    .enroll-button{
      background: #f7ca0f;
    }

    .enroll-over{
      background: #ddd;
    }
  }
  li{
    .demand-detail-img-box{
      display: inline-block;
      position: relative;
      vertical-align: middle;
      float: left;
      .img-head{
        border-radius: 50%;
        width:.6rem;
        height: .6rem;
        float: left;
        margin-top: .2rem;
      }
      .img-type{
        position: absolute;
        width: 0.3rem;
        height: 0.3rem;
        object-fit: contain;
        border-radius: 0.15rem;
        z-index: 10;
        bottom: -0.05rem;
        right: -.1rem;
      }
    }
  }
}
.lists{
  width:100%;
  border-top: 0.4rem solid #f5f5f5;
  background: white;
  .lists-head{
    height:1.6rem;
    tr{
      height: 1.1rem;
      line-height: 1.1rem;
      text-align: center;
      text-align: -moz-center;
      text-align: -webkit-center;
      td {
        color: #565a5c;
        font-size: .42rem ;
        div{
          margin:0 auto;
          width: fit-content;
          cursor:pointer;
        }
      }
    }
  }
  //需求信息
  .tab-1{
    padding-bottom: 1.6rem;
    .lists-cent{
      width:90%;
      //height: 5rem;
      padding-bottom: .42rem;
      //background: red;
      margin:0 auto;
      border-bottom: 1px solid #e0e0e0;
      div:first-child{
        font-size: .45rem;
        color: #111;
      }
      ul{
        font-size: .42rem;
        color:#888888;
        margin-top: .32rem;
        li{
          line-height: 0.7rem;
          a{
            color: #f6c708;
          }
        }
      }
    }
    .lists-btm{
      width:90%;
      margin:0 auto;
      .des{
        height:1.28rem;
        line-height: 1.28rem;
        font-size: .45rem;
        letter-spacing: 0.5px;
        color:  #111;
      }
      div:nth-child(2){
        width:100%;
        //height:4rem;
        font-size: .42rem;
        color: #888;
        //background: red;
        span{
          color:#565a5c;
        }
        div:nth-child(2){
          margin-top: .32rem;
        }
      }
    }
    .attachment{
      width:90%;
      margin:0 auto;
      div:first-child{
        height:1.28rem;
        line-height: 1.28rem;
        font-size: .45rem;
        letter-spacing: 0.5px;
        color:  #111;
      }
      div:nth-child(2){
        width:100%;
        //height:4rem;
        font-size: .42rem;
        color: #888;
        //background: red;
        span{
          color:#565a5c;
        }
        div:nth-child(2){
          margin-top: .32rem;
        }
      }
    }
  }
  //已报名用户
  .tab-2{
    display:none;
    width:90%;
    //height: 7rem;
    margin: 0 auto;
    margin-top:.1rem;
    //background: yellow;

    .apply{
      color:#afafaf;
      font-size: .32rem;
      margin-bottom: 0.3rem;
    }
    .Ann-name{
      width:100%;
      height: 100%;
      min-height: 8.5rem;
      margin:0 auto;
      div{
        float: left;
        width: 27%;
        padding:3%;
        height:1.7rem;
        text-align: center;
        img{
          border-radius: 50%;
          width: 1rem;
          height: 1rem;
        }
        p{
          margin-top: .1rem;
          color:  #111;
          font-size: .4rem;
        }
        .registration-img-box{
          position: relative;
          width: 1rem;
          height: 1rem;
          display: block;
          margin: 0 auto;
          float: none;
          .img-head{
            border-radius: 50%;
            width: 1rem;
            height: 1rem;
          }
          .img-type{
            width: 0.4rem;
            height: .4rem;
            object-fit: contain;
            border-radius: .1rem;
            position: absolute;
            z-index: 10;
            bottom: 0;
            right: -.05rem;
          }
        }
      }
    }
    .noBody{
      width: 100%;
      //height: 5rem;
      overflow: hidden;
      text-align: center;
      line-height: 8.25rem;
      font-size: .4rem;
      color:#565a5c;
      //overflow: hidden;
    }
  }
  //客户评论
  .tab-3{
    display:none;
    width:100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-top:.1rem;
    background: white;
    .Ann-comment{
      width: 90%;
      margin:0 auto;
      color: #111;
      //font-size: .57rem;
      font-size: .48rem;
    }
    .noComment{
      width: 100%;
      //height: 5rem;
      overflow: hidden;
      text-align: center;
      line-height: 3.55rem;
      font-size: .4rem;
      color: #565a5c;
      border-bottom: 1px solid #e0e0e0;
    }
    .box-one{
      border-bottom: 1px solid #e0e0e0;
      .conment-name{
        width: 90%;
        height:.9rem;
        margin:0 auto;
        padding-top: .25rem;
        position: relative;
        //background: red;
        img:nth-child(1){
          border-radius: 50%;
          float: left;
          width: 1rem;
          height:1rem;
        }
        div:nth-child(2){
          font-size:.4rem;
          line-height:1rem;
          float:left;
          color: #111;
          margin-left: .32rem;
        }
        img:nth-child(3){
          border-radius: 50%;
          width:.4rem;
          height:.4rem;
          position: absolute;
          left: 0.7rem;
          bottom: -0.1rem;
        }
        span{
          float: right;
          color:#afafaf;
          font-size: .29rem;
        }
      }
      .conment-content{
        width: 8.3rem;
        min-height:.56rem;
        margin-left: 1.66rem;
        //background:red;
        div{
          width:96%;
          margin: 0 auto;
          font-size: .32rem;
          color:#565a5c;
          word-wrap:break-word ;
          padding-bottom:.25rem;
          padding-top: .1rem;
        }
      }
      .conment-bottom{
        ul{
          width:8.3rem;
          margin-left: 1.66rem;
          border-top: 1px solid #e0e0e0;
          li:first-child{
            padding-top: .25rem;
          }
          li{
            width:96%;
            min-height:.75rem;
            padding-bottom: .25rem;
            img:first-child{
              border-radius: 50%;
              float:left;
              width:1rem;
              height:1rem;
            }
            .first{
              float: left;
              width:6.7rem;
              height:.56rem;
              position: relative;
              div{
                float:left;
                font-size: .4rem;
                color:#111;
                margin-left:.28rem;
              }
              span{
                float: right;
                color:#afafaf;
                font-size: .29rem;
              }
              img{
                position: absolute;
                left: -.3rem;
                bottom: -0.45rem;
                width: .4rem;
                height: .4rem;
              }
            }
            .second{
              padding-top: .25rem;
              float: left;
              width:6.62rem;
              margin-left: .28rem;
              min-height:.56rem;
              color:#565a5c;
              font-size: .32rem;
              word-wrap:break-word ;
            }
          }
        }
      }
    }
    .all-conment{
      width:100%;
      text-align: center;
      line-height: 1.56rem;
      height:1.56rem;
      font-size: .34rem;
      color: #888888;
      img{
        border-radius: 50%;
        margin-top: .56rem;
        width: .56rem;
        height:.36rem;
      }
    }
    .say{
      width:90%;
      margin: .5rem auto;
      .text{
        //width:100%;
        //height:2.02rem;
        textarea{
          width:90%;
          text-decoration: solid;
          height:2.02rem;
          padding: .29rem 5%;
          font-size: .32rem;
          //text-indent: 10%;
          resize: none;
          border:1px solid #e0e0e0;
          background: #f8f7f7;
          //background: red;
        }
      }
      .say-btn{
        width: 100%;
        height:.8rem;
        margin-top: .26rem;
        .btn-cancle{
          width: 1.5rem;
          height:.8rem;
          font-size: .32rem;
          color:#111111;
          text-align: center;
          line-height: .8rem;
          float: right;
          background: #e0e0e0;
          margin-left:.26rem;
        }
        .btn-send{
          width: 1.5rem;
          height:.8rem;
          font-size: .32rem;
          color:#111111;
          text-align: center;
          line-height: .8rem;
          float: right;
          background: #f6c708;
        }
      }
      .text-decoration{
        width: 100%;
        text-align: center;
        margin-top: .64rem;
        font-size: .32rem;
        a{
          color:#d29708;
          text-decoration: underline;
        }
      }
    }
  }
}